<template>
  <div class="detail-main">
    <div class="common-content">
      <left-list @change="changeTeam"></left-list>
      <right-content ref="rightContentRef"></right-content>
    </div>
  </div>
</template>

<script setup>

import LeftList from "./components/skill-left.vue";
import RightContent from "@/views/list/components/skill-right.vue";
const rightContentRef=ref()
function changeTeam(e){
  rightContentRef.value.loadPageData(e)
}
</script>

<style scoped>
.detail-main{
  padding: 40px 0;
  .common-content{
    display: flex;
    gap: 16px;
  }


}
</style>
